<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="UTF-8">
		<title>表单</title>
		<link rel="stylesheet" type="text/css" href="../statics/css/global.css">
		<link rel="stylesheet" type="text/css" href="../statics/css/form.css" />
		<link rel="stylesheet" type="text/css" href="../statics/css/add.css" />
		<link rel="stylesheet" type="text/css" href="../statics/css/popup.css" />
		<link rel="stylesheet" type="text/css" href="../statics/css/upload.css" />
	</head>

	<body>
		<div class="container">
			<h1 class="tabTitle"><span onclick="NewPage('index.html')"><img src="../statics/images/xjt.png"/></span>会员列表</h1>
			<div class="info">
			   	<form action="/piaoniu/shops/shopsadd" method="post" onsubmit="return checkForm()" class="formSheet">
					<dl>
						<dt><span>填写证号</span></dt>
						<dd>
							<div class="fbox">
								<input type="text" class="textStyle" id="shopsNumber" name="shopsNumber" style="width:360px;" placeholder="请输入证号" />
							</div>
						</dd>
					</dl>
					<dl>
						<dt><span>密码</span></dt>
						<dd>
							<div class="fbox">
								<input type="password" class="textStyle" id="shopsPwd" name="shopsPwd" style="width:360px;" placeholder="请输入密码" />
							</div>
						</dd>
					</dl>
						<dl>
						<dt><span>确认密码</span></dt>
						<dd>
							<div class="fbox">
								<input type="password" class="textStyle" id="shopsPwds" name="shopsPwds" style="width:360px;" placeholder="请确认密码" />
							</div>
							<span id="userNameText" class="txtInfo">建议输入中文名字，长度不宜超过四个字</span>
						</dd>
					</dl>
					<dl>
						<dt><span>姓名</span></dt>
						<dd>
							<div class="fbox">
								<input type="text" class="textStyle" id="shopsName" name="shopsName" style="width:360px;" placeholder="请输入姓名" />
							</div>
							<span id="userNameText" class="txtInfo">建议输入中文名字，长度不宜超过四个字</span>
						</dd>
					</dl>
					<dl>
						<dt><span>身份证号</span></dt>
						<dd>
							<div class="fbox">
								<input type="text" class="textStyle" id="idNumder" name="idNumder" style="width:360px;" placeholder="请输入身份证号" />
							</div>
							<span id="userNameText" class="txtInfo">建议输入中文名字，长度不宜超过四个字</span>
						</dd>
					</dl>
					<dl>
						<dt><span>性别</span></dt>
						<dd>
							<div class="fbox">
								<input type="radio" value="1" name="gender" class="radioStyle" checked="checked" /> 男&nbsp;&nbsp;&nbsp;&nbsp;
								<input type="radio" value="0" name="gender" class="radioStyle" /> 女
							</div>
						</dd>
					</dl>
					<dl>
						<dt>&nbsp;</dt>
						<dd>
							<input type="submit" value="保存" class="button save" />
						</dd>
					</dl>

				</form>
			</div>
		</div>

		<!--蒙板结束-->

		<script type="text/javascript" src='../statics/js/jquery-3.3.1.js'></script>
		<script type="text/javascript" src="../statics/js/global.js"></script>
		<script type="text/javascript" src="../statics/js/popup.js"></script>
		<script type="text/javascript" src="../statics/js/upload.js"></script>
		<script type="text/javascript">
			//上传弹窗
			$(function() {
				$("#upload").click(function() {
					//参数false代表文件不是图片
					up_load(true);
					//弹框
					mask(420, 270, true, "upfile");
				});

			});
			//表单验证   注意：文本提示的信息应在开始的时候全部写在placeholder中
			function checkForm() {
				var name = checkUserName();
				return name;
			}
			//验证姓名   
			function checkUserName() {
				var username = $("#userName");
				var usernameText=$("#userNameText");
				if(username.val() == "") {
					username.addClass("err");
					usernameText.text("姓名输入不能超过四个字符")
					usernameText.addClass("red");
					return false;
				} else {
					username.removeClass("err");
					return true;
				}
			}
		</script>

	</body>

</html>